<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="">
    <meta name="author" content="">	
  
    <title>商品首页</title>
	
    <!-- Bootstrap Core CSS -->
    
	<link rel="stylesheet" href="/index/css/org.css">
	<!-- Custom CSS -->
    <link rel="stylesheet" href="/index/css/style.css">
	<link rel="stylesheet" href="/index/css/org.css">
	
	<!-- Custom Fonts -->
    <link rel="stylesheet" href="/index/font-awesome/css/font-awesome.min.css"  type="text/css">
    <link rel="stylesheet" href="/index/fonts/font-slider.css" type="text/css">
	
	<!-- jQuery and Modernizr-->
	<script src="/index/js/jquery-2.1.1.js"></script>
	<script type="text/javascript" src="/index/jQuery-1.11.3.min.js"></script>

	<!-- Core JavaScript Files -->  	 
    <script src="/index/js/bootstrap.min.js"></script>
	<script src="/index/js/index.js"></script> 
	 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <link rel="stylesheet" href="/index/css/bootstrap.min.css"  type="text/css">
	<script src="/index/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="/index/css/goods/theme.css">
	<link rel="stylesheet" href="/index/css/goods/public.css">
	<link rel="stylesheet" href="/index/css/goods/shop.css">
    <link rel="stylesheet" type="text/css" href="/index/css/goods/upload.css">
	<script src="/index/js/goods/public.js"></script>
	<script src="/index/js/address/leftnav.js"></script>
	<link rel="stylesheet" type="text/css" href="/index/css/leftnav.css">
</head>

<body style="background-color: #F5F5F5">
	<div class="leftnav">
       <a href='/'><span>首页</span>返回首页</a>
       <a href='/index/user/info'><span><img src="/index/images/01.png"></span>个人中心</a>
       <a href='/index/goods/balance'><span><img src="/index/images/02.png"></span>购物车</a>
       <a href='/index/user/order'><span><img src="/index/images/03.png"></span>我的订单</a>
	</div>
    <!--头部登录注册使用layout.html模板布局-->

	<!-- 预留位置可以插入广告位,仿京东样式,鼠标点击可关闭-->
	   <div id="ad"><img src="/images/logo1.png"></div> 

	<!--导航栏 带logo和搜索-->
   	<!-- 导航栏 -->
	<div class="classify-block" >
	    <div class="classify" >
	       <div class="logo">
				<a href="/"><img src="/images/logofooter.png"  alt=""></a>
			</div>  
	        <ul class="list-unstyled all-goods-type clearfix"  style="font-size: 15px;" >
	           <li class="pull-left" >
	           			<a href="/">首页</a>
	   		   </li>
	           <li class="pull-left crceate-fl">
	           		<a href="/index/product/goods_product">所有商品</a>
	           </li>
	           <!-- 小米系列 -->
	           <li class="pull-left create-fl" id="cate-qyjp">
	           		<a href="" id="tj">小米系列</a>
						<div class="fenlei-detail-block">
							<div class="fenlei-detail">
								<ul class="list-unstyled fenlei-two clearfix">
								 {volist name="xiaomi" id="vo"}
									<li class="pull-left">
										<a href="/index/goods/goods?id={$vo.id}" target="_blank">
										    <div class="goods-img" style="border-left: none;">
										        {volist name="pricture" id="vi"} 
						                          	{if($vo.id == $vi.goods_id)}
							                           <img src="{$vi.main}" alt="ZTE中兴">
							                         {/if}
						                      	{/volist}
										    </div>
										    <div class="goods-data">
										        <div class="goods-name-block">
										              <span>{$vo.brand}<-->{$vo.category}</span>
										        </div>
										        <div class="goods-pri-block">
												{volist name="result" id="vl"}                             
							                            {if($vo.id == $vl.goods_id)}
							                        	<span class="new-pri">￥<strong>{$vl.price}</strong></span>    
							                            {/if}  
							                    {/volist}
										        </div>
										    </div>
										</a>
									</li>
									{/volist}
								</ul>
							</div>
						</div>   
	            </li>

	           <!--华为系列 -->
	            <li class="pull-left create-fl" id="cate-jxpj">
	                <a href="">华为系列</a>
	                <div class="fenlei-detail-block" style="display: none; height: 228px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
	                    <div class="fenlei-detail">
	                        <ul class="list-unstyled fenlei-two clearfix">
	                         {volist name="huawei" id="vo"}
	                            <li class="pull-left">
	    							<a href="/index/goods/goods?id={$vo.id}" target="_blank">
					        			<div class="goods-img" style="border-left: none;">
					           					{volist name="pricture" id="vi"} 
						                          	{if($vo.id == $vi.goods_id)}
							                           <img src="{$vi.main}" alt="ZTE中兴">
							                         {/if}
						                      	{/volist} 
					        			</div>
					        			<div class="goods-data">
					            			<div class="goods-name-block">
					                			 <span>{$vo.brand}<-->{$vo.category}</span>
					            			</div>
					            			<div class="goods-pri-block">
					                 			{volist name="result" id="vl"}                             
							                            {if($vo.id == $vl.goods_id)}
							                        	<span class="new-pri">￥<strong>{$vl.price}</strong></span>    
							                            {/if}  
							                    {/volist} 
					            			</div>
					        			</div>
	    							</a>
								</li>
							 {/volist}
	                        </ul>
	                    </div>
	                </div>
	            </li>

	            <!--OPPO系列 -->
	            <li class="pull-left create-fl" id="cate-jxpj">
                        <a href="">OPPO系列</a>
                        <div class="fenlei-detail-block" style="display: none; height: 228px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
                            <div class="fenlei-detail">
                                <ul class="list-unstyled fenlei-two clearfix">
                                 {volist name="oppo" id="vo"}
                                    <li class="pull-left">
                                        <a href="/index/goods/goods?id={$vo.id}" target="_blank">
                                            <div class="goods-img">
                                                {volist name="pricture" id="vi"} 
						                          	{if($vo.id == $vi.goods_id)}
							                           <img src="{$vi.main}" alt="ZTE中兴">
							                         {/if}
						                      	{/volist} 
                                            </div>
                                            <div class="goods-data">
                                                <div class="goods-name-block">
                                                   <span>{$vo.brand}<-->{$vo.category}</span>
                                                </div>
                                                <div class="goods-pri-block">
                                                {volist name="result" id="vl"}                             
							                            {if($vo.id == $vl.goods_id)}
							                        	<span class="new-pri">￥<strong>{$vl.price}</strong></span>    
							                            {/if}  
							                    {/volist}   
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                  {/volist}
                                </ul>
                            </div>
                        </div>
                    </li>

	            <li class="pull-left crceate-fl">
	            	<a href="/index/product/goods_product">更多商品</a>
	        	</li>

	        </ul>
	        
			<div class="search">
				<div class="search-icon">
				<form action="/" method="post" name="search">
					   <div class="input-block">
						   <input type="text" id="input_keyword" placeholder="天机7" name="keyword">
					   </div>
					   <div class="button-block">
						   <button type="submit"><span class="glyphicon glyphicon-search sou" ></span></button>
					   </div>
				</form>
				</div>
			</div>	 
	    </div>
	</div>
    <!--首页商品布局板块-->
	<div id="page-content" class="home-page" style= "margin-top: 50px; padding:0px;">
		<div class="container">
			<div class="row" id="row1"  style="margin: 0px; padding:0px;" >
				<div class="col-lg-12"  style="margin: 0px; padding:0px; width: 1150px;">
					<!-- Carouse 轮播图-->
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="height: 550px;width: 1150px;margin: 0px; padding:0px;">
						<!-- Indicators -->
						<ol class="carousel-indicators hidden-xs" >
							<li style="color: orange;" data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
						</ol>
						<!-- Wrapper for slides -->
						<div class="carousel-inner" style="height: 550px;width: 1150px;">
							<div class="item active" id="item" style="height: 550px;width: 1150px;" >
								<img  src="{$show1.picture}"  alt="First slide">
								<!-- "$result.slide_one" -->
								<!-- Static Header -->
								<div class="header-text hidden-xs">
									<div class="col-md-12 text-center">
									</div>
								</div><!-- /header-text -->
							</div>
							<div class="item" id="item" style="height: 550px;width: 1150px;">
								<img src="{$show2.picture}" alt="Second slide">
								<!-- Static Header -->
								<div class="header-text hidden-xs">
										<div class="col-md-12 text-center">
									</div>
								</div><!-- /header-text -->
							</div>
							<div class="item" id="item" style="height: 550px;width: 1150px;">
								<img src="{$show3.picture}" alt="Third slide">
								<!-- Static Header -->
								<div class="header-text hidden-xs">
									<div class="col-md-12 text-center">
									</div>
								</div><!-- /header-text -->
							</div>
						</div>
						<!-- Controls -->
						<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left"></span>
						</a>
						<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right"></span>
						</a>
					</div><!-- /carousel 轮播图结束-->
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<div class="heading"><h2>小米系列</h2></div>
					<div class="products">
						{volist name="xiaomi" id="vo"}
						<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
							<div class="product">
								<div class="image">
								<a href="/index/goods/goods?id={$vo.id}">
									{volist name="pricture" id="vi"} 
			                          	{if($vo.id == $vi.goods_id)}
				                           <img src="{$vi.main}" alt="ZTE中兴">
				                         {/if}
			                      	{/volist}
								</a>
								</div>
								<div class="buttons">
									<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart" style="background-color: orange;"></span></a>
									<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart" style="background-color: orange;"></span></a>
									<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer" style="background-color: orange;"></span></a>
								</div>
								<div class="caption">
									<div class="name">
									<h3>
									<a href="/index/goods/goods?{$vo.id}">{$vo.brand}<-->{$vo.category}</a>
									</h3>
									</div>
									<div class="price">
									{volist name="result" id="vl"}                             
			                            {if($vo.id == $vl.goods_id)}
			                        	<span class="new-pri">￥<strong>{$vl.price}</strong></span>    
			                            {/if}  
				                    {/volist}
									</div>
									<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
								</div>
							</div>
						</div>
						{/volist}
					</div>
				</div>
			</div>
			<div class="row">
				<div class="banner">
					<div class="col-sm-6">
						<img src="images/sub-banner4.jpg" />
					</div>
					<div class="col-sm-6">
						<img src="images/sub-banner5.png" />
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<div class="heading"><h2>华为系列</h2></div>
					<div class="products">
						{volist name="huawei" id="vo"}
						<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
							<div class="product">
								<div class="image">
								<a href="/index/goods/goods?id={$vo.id}">
									{volist name="pricture" id="vi"} 
			                          	{if($vo.id == $vi.goods_id)}
				                           <img src={$vi.main} height="10px" width="200px">
				                         {/if}
			                      	{/volist}
								</a>
								</div>
								<div class="buttons">
									<a class="btn cart" href="#"><span class="glyphicon glyphicon-shopping-cart" style="background-color: orange;"></span></a>
									<a class="btn wishlist" href="#"><span class="glyphicon glyphicon-heart" style="background-color: orange;"></span></a>
									<a class="btn compare" href="#"><span class="glyphicon glyphicon-transfer" style="background-color: orange;"></span></a>
								</div>
								<div class="caption">
									<div class="name">
									<h3>
									<a href="/index/goods/goods?id={$vo.id}">{$vo.brand}<-->{$vo.category}</a>
									</h3>
									</div>
									<div class="price">
									{volist name="result" id="vl"}                             
			                            {if($vo.id == $vl.goods_id)}
			                        	<span class="new-pri">￥<strong>{$vl.price}</strong></span>    
			                            {/if}  
				                    {/volist}
									</div>
									<div class="rating"><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star"></span><span class="glyphicon glyphicon-star-empty"></span></div>
								</div>
							</div>
						</div>
						{/volist}
					</div>
				</div>
			</div>
			
		</div>
	</div>
    
   <!-- 尾部适用layout.html模板布局 -->
</body>
</html>
